<script setup lang='ts'>

</script>

<template>
  <div class='vt-view__container'>
    <h3 class="vt-view__row-title">
      基础用法
    </h3>
    <div class="vt-view__row">
      <vt-empty description="description"></vt-empty>
    </div>

    <h3 class="vt-view__row-title">
      图片尺寸
    </h3>
    <div class="vt-view__row">
      <vt-empty :image-size="260"></vt-empty>
    </div>

    <h3 class="vt-view__row-title">
      底部内容
    </h3>
    <div class="vt-view__row">
      <vt-empty :image-size="260">
        <vt-button type="primary">Button</vt-button>
      </vt-empty>
    </div>

    <h3 class="vt-view__row-title">
      image、description、default(底部)插槽
    </h3>
    <div class="vt-view__row">
      <vt-empty :image-size="200">
        <template #image>
          <img src="https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg" alt="" srcset="">
        </template>

        <template #description>description slot</template>
        <vt-button type="primary">Button</vt-button>
      </vt-empty>
    </div>


  </div>
</template>

<style scoped lang='scss'></style>